extends tpl/index.pug
include tpl/basic.pug

append vars
  - var title ="首页"

append style
    link(rel="stylesheet", href="style/index.css")

block page
  .header.in-header
    .s-top
      +dh()
      .s-info
        p 数据可视化专业解决方案
        p.en Mobile micro website development service provider
  .container.i-container
    img.bg-left(src="image/bgr.png")
    img.bg-right(src="image/bgr.png") 
    .content-list
      ul.clearfix 
        li 
          .img
            img(src="image/index-web.png ")
          p 网站制作开发
        li 
          .img
            img(src="image/index-weixin.png ")
          p 微信开发
        li 
          .img
            img(src="image/index-app.png ")
          p App开发
        li 
          .img
            img(src="image/index-shijue.png ")
          p 视觉设计
        li 
          .img
            img(src="image/index-h5.png ")
          p H5开发
      .us-time
        h2 我们只做最好的互联网产品   
        p  飓风UCD成立于2017年，通过不断的努力，一直专注于互联网开发，秉承着对文化与视觉艺术的独到理解，凭借热情、创意、和团队精神，
          | 用我们最前沿的设计水准和丰富的互联网开发经验，为客户打造最好的互联网产品，并赢得了诸多客户的信任和认可，成为诸多国际及本土知名企业、
          | 品牌的互联网供应商，并建立了长期的合作关系。
    .case-show
      +case('最新案例','case')
      -
        var arr=[
          {
            title:"清风广陵",
            name:"门户网站 APP",
            url:"./breeze.html"
          },
          {
            title:"彗心车门户网站",
            name:"门户网站",
            url:"./casehuiauto.html"
          },
          {
            title:"外网平台门户网站",
            name:"门户网站",
            url:"./outcase.html"
          },
          {
            title:"网信监控管平台",
            name:"数据可视化大屏",
            url:"./netletter-index.html"
          },
          {
            title:"情报采集分析平台",
            name:"数据可视化大屏",
            url:"./showcase.html"
            
          },
          {
            title:"",
            name:"",
            url:""
          },
          {
            title:"",
            name:"",
            url:""
          },
          {
            title:"",
            name:"",
            url:""
          },
          {
            title:"",
            name:"",
            url:""
          }
        ]
      .list-case.clearfix
        each val,i in arr
          if(i!=2 && i!=4 && i<5)
            a.h(href=val.url,target="_blank")
              img(src="image/more-0"+(i+1)+".png")
              div 
                .title=val.title
                .btn=val.name
          else
            a(href="javascripr:;")
              img(src="image/more-0"+(i+1)+".png")          

      a(href="./case.html") 更多案例
  .product-show
    .o-width
      .product-detail
        h2 我们的产品
        p Product
        p 多种应用场景，随意拖拽，动态地理绘制
        .item-left
        .item-right
      h2 数据可视化
      p Data visualization
      p 大数据平台架构下的可视化应用产品，更生动、
      p 友好的形式，即时呈现隐藏在瞬息万变且庞杂数据背后的业务洞察
      img(src="image/produ-show.png")
      .div
        a(href="./product.html") 了解产品